<!DOCTYPE html >
<html>
<head>
    <title>Pie Representation-Highcharts QBuilder</title>
    
    <script type="text/javascript" src="../../../libraries/jquery-1.6.2.min.js" ></script>
    <script type="text/javascript" src="../../../libraries/Highcharts/highcharts.js" ></script>
    <script type="text/javascript" src="../../../libraries/Highcharts/modules/exporting.js" ></script>
    <script type="text/javascript" src="../../../libraries/Highcharts/themes/gray.js"></script>

    <script type="text/javascript">
      var chart;
      $(document).ready(function() {
          chart = new Highcharts.Chart({
              chart: {
                  renderTo: 'container',
                  zoomType: 'x',
                  spacingRight: 20
              },
          title: {
              text: 'Nombre de commande de 2008 a 2011'
          },
          subtitle: {
              text: document.ontouchstart === undefined ?
                  'Click and drag in the plot area to zoom in' :
                  'Drag your finger over the plot to zoom in'
          },
          xAxis: {
              type: 'datetime',
              maxZoom: 7 * 24 * 3600000,
              title: {
                  text: null
              }
          },
          yAxis: {
              title: {
                  text: 'Total commande'
              },
              min: 0.6,
              startOnTick: false,
              showFirstLabel: false
          },
          tooltip: {
              shared: true               
          },
          legend: {
              enabled: false
          },
          plotOptions: {
              area: {
                  fillColor: {
                      linearGradient: [0, 0, 0, 300],
                      stops: [
                          [0, Highcharts.getOptions().colors[0]],
                          [1, 'rgba(2,0,0,0)']
                      ]
                  },
                  lineWidth: 1,
                  marker: {
                      enabled: false,
                      states: {
                          hover: {
                              enabled: true,
                              radius: 5
                          }
                      }
                  },
                  shadow: false,
                  states: {
                      hover: {
                          lineWidth: 1                  
                      }
                  }
              }
          },
          series: [{
              type: 'area',
              name: 'Nombre de commande',
              pointInterval: 24 * 3600 * 1000,
              pointStart: Date.UTC(2008, 0, 01),
              data: [69, 70, 70, 74, 72, 78, 78, 76, 76, 77, 75, 83, 81, 81, 84, 85, 87, 87, 83, 92, 89, 86, 87, 96, 93, 99, 91, 99, 96, 95, 98, 105, 97, 106, 99, 107, 107, 104, 112, 105, 105, 110, 116, 117, 116, 117, 119, 116, 119, 120, 124, 117, 123, 127, 121, 127, 129, 128, 124, 127, 125, 131, 129, 135, 131, 134, 137, 138, 137, 141, 143, 138, 137, 138, 139, 146, 142, 143, 147, 151, 154, 148, 154, 153, 153, 156, 151, 161, 156, 162, 161, 159, 157, 160, 163, 160, 165, 171, 166, 167, 167, 168, 176, 175, 172, 171, 177, 177, 180, 174, 184, 177, 185, 184, 188, 183, 186, 182, 192, 192, 192, 190, 191, 188, 192, 192, 197, 197, 202, 198, 200, 201, 203, 206, 206, 202, 207, 210, 211, 209, 208, 208, 215, 214, 212, 219, 214, 219, 216, 223, 215, 218, 223, 221, 220, 223, 223, 230, 224, 229, 234, 229, 232, 237, 230, 235, 231, 237, 233, 241, 238, 240, 240, 239, 242, 247, 246, 242, 245, 244, 249, 251, 249, 255, 254, 251, 252, 218, 220, 215, 219, 216, 214, 217, 213, 207, 207, 209, 205, 212, 205, 205, 202, 205, 199, 204, 196, 196, 202, 194, 201, 195, 197, 196, 194, 194, 188, 194, 185, 189, 190, 190, 187, 179, 182, 184, 178, 184, 181, 173, 178, 174, 177, 169, 176, 175, 175, 173, 173, 164, 164, 170, 164, 168, 165, 161, 159, 156, 154, 158, 155, 152, 155, 149, 157, 156, 147, 150, 151, 149, 144, 148, 143, 144, 144, 144, 143, 142, 141, 138, 136, 136, 137, 130, 135, 131, 131, 132, 125, 125, 125, 128, 127, 123, 127, 118, 117, 119, 116, 122, 115, 116, 112, 111, 117, 112, 107, 105, 111, 104, 102, 105, 109, 102, 102, 101, 104, 98, 101, 100, 92, 97, 96, 93, 95, 94, 89, 86, 92, 86, 87, 83, 82, 86, 82, 85, 76, 84, 77, 73, 79, 76, 77, 70, 68, 71, 75, 73, 68, 71, 70, 94, 68, 96, 90, 94, 96, 90, 92, 93, 87, 90, 82, 89, 85, 85, 82, 80, 82, 79, 82, 73, 74, 71, 75, 73, 76, 67, 67, 72, 72, 71, 65, 61, 67, 73, 74, 74, 74, 72, 77, 74, 80, 77, 77, 82, 84, 80, 79, 88, 86, 90, 83, 92, 87, 92, 90, 93, 92, 89, 99, 92, 101, 97, 96, 103, 96, 105, 101, 105, 101, 108, 104, 106, 109, 111, 107, 110, 111, 115, 118, 117, 115, 114, 114, 124, 121, 118, 126, 122, 129, 130, 123, 126, 130, 125, 135, 134, 128, 136, 137, 133, 141, 136, 141, 141, 145, 141, 138, 139, 148, 145, 146, 143, 150, 152, 146, 147, 149, 156, 152, 160, 159, 158, 163, 158, 160, 161, 158, 168, 166, 166, 167, 164, 166, 166, 168, 176, 168, 171, 174, 176, 181, 179, 176, 179, 180, 182, 181, 185, 180, 181, 184, 190, 189, 189, 193, 193, 193, 193, 195, 193, 201, 198, 203, 201, 200, 201, 198, 204, 201, 209, 210, 210, 208, 213, 207, 209, 215, 217, 210, 219, 218, 217, 219, 215, 225, 221, 227, 228, 226, 228, 228, 231, 224, 233, 228, 235, 233, 233, 239, 237, 240, 237, 243, 243, 238, 241, 244, 243, 217, 222, 215, 219, 218, 217, 216, 211, 215, 215, 208, 207, 205, 207, 205, 208, 200, 203, 204, 198, 203, 196, 196, 197, 194, 193, 197, 194, 193, 193, 185, 193, 186, 183, 185, 184, 182, 183, 179, 176, 184, 174, 178, 175, 175, 178, 176, 173, 174, 172, 168, 166, 172, 163, 167, 162, 164, 160, 158, 160, 159, 159, 161, 159, 156, 153, 158, 157, 154, 153, 150, 151, 146, 143, 149, 147, 141, 139, 140, 137, 141, 138, 135, 132, 140, 132, 133, 136, 130, 130, 132, 124, 131, 126, 121, 128, 119, 118, 119, 122, 123, 118, 114, 119, 115, 119, 116, 110, 109, 115, 111, 112, 103, 110, 101, 109, 101, 105, 97, 104, 95, 96, 98, 95, 99, 90, 96, 96, 94, 89, 93, 93, 85, 91, 81, 83, 88, 87, 81, 80, 80, 75, 78, 78, 72, 70, 72, 74, 71, 68, 69, 68, 95, 95, 66, 65, 68, 65, 94, 94, 87, 95, 85, 86, 92, 82, 83, 88, 82, 85, 82, 82, 76, 77, 81, 72, 67, 68, 71, 78, 70, 76, 76, 79, 83, 80, 77, 83, 82, 85, 88, 85, 89, 86, 86, 87, 93, 92, 94, 93, 97, 95, 95, 100, 97, 96, 99, 101, 100, 108, 101, 103, 110, 110, 110, 108, 106, 107, 109, 116, 114, 115, 112, 119, 118, 117, 122, 126, 118, 122, 125, 130, 126, 131, 125, 131, 129, 129, 133, 138, 139, 137, 141, 137, 141, 137, 138, 145, 140, 143, 141, 142, 150, 147, 145, 149, 151, 153, 154, 158, 151, 158, 158, 158, 161, 162, 164, 159, 166, 167, 160, 170, 164, 166, 170, 166, 166, 174, 169, 175, 178, 180, 173, 182, 179, 179, 184, 182, 180, 182, 184, 182, 189, 187, 193, 186, 192, 196, 195, 198, 193, 193, 198, 200, 200, 201, 200, 197, 207, 202, 208, 201, 209, 203, 205, 211, 210, 211, 211, 218, 218, 214, 218, 215, 219, 217, 218, 226, 226, 225, 229, 225, 230, 226, 230, 227, 233, 232, 228, 236, 235, 232, 237, 236, 242, 242, 239, 244, 239, 242, 216, 219, 219, 212, 214, 218, 209, 215, 209, 215, 214, 211, 204, 210, 208, 208, 202, 206, 198, 196, 203, 195, 202, 195, 191, 191, 195, 192, 190, 193, 186, 193, 183, 185, 188, 184, 184, 181, 184, 177, 175, 182, 177, 176, 172, 174, 178, 172, 174, 173, 169, 170, 172, 164, 165, 169, 160, 162, 163, 163, 164, 163, 157, 155, 156, 150, 157, 152, 154, 155, 154, 150, 146, 150, 146, 141, 144, 141, 138, 136, 142, 140, 141, 140, 133, 133, 137, 134, 136, 127, 133, 124, 129, 127, 128, 121, 120, 118, 120, 119, 123, 117, 118, 120, 112, 117, 111, 117, 111, 106, 112, 106, 109, 106, 105, 106, 103, 106, 102, 102, 101, 95, 99, 101, 98, 91, 92, 91, 95, 92, 89, 85, 92, 91, 82, 88, 83, 78, 77, 83, 77, 79, 73, 80, 75, 75, 74, 77, 70, 74, 74, 73, 65, 67, 65, 92, 94, 91, 93, 95, 95, 91, 93, 89, 89, 83, 82, 82, 88, 81, 83, 78, 81, 75, 80, 110, 111, 109, 111, 113, 115, 113, 121, 122, 119, 120, 120, 122, 123, 121, 123, 125, 125, 128, 124, 125, 132, 132, 130, 130, 139, 136, 132, 140, 142, 141, 143, 143, 139, 141, 140, 150, 151, 148, 146, 149, 154, 149, 153, 150, 156, 151, 160, 158, 155, 164, 156, 160, 163, 159, 165, 169, 166, 167, 164, 173, 173, 170, 171, 178, 178, 176, 173, 177, 181, 181, 178, 186, 178, 179, 180, 185, 186, 185, 187, 190, 188, 195, 193, 190, 198, 198, 197, 201, 200, 204, 203, 198, 202, 203, 202, 209, 210, 207, 210, 214, 209, 207, 216, 212, 212, 216, 217, 213, 221, 219, 217, 224, 218, 225, 223, 224, 225, 231, 230, 234, 234, 233, 228, 233, 230, 232, 241, 240, 235, 243, 240, 242, 242, 246, 249, 245, 249, 246, 253, 250, 253, 247, 254, 249, 254, 255, 259, 255, 257, 264, 265, 264, 258, 263, 268, 263, 265, 271, 265, 265, 274, 272, 277, 275, 272, 275, 276, 280, 278, 283, 276, 279, 284, 281, 336, 341, 342, 341, 331, 336, 334, 328, 331, 328, 332, 331, 324, 327, 326, 322, 323, 324, 319, 322, 324, 314, 318, 313, 317, 312, 311, 316, 309, 308, 308, 313, 308, 302, 310, 308, 308, 301, 298, 296, 300, 301, 296, 301, 298, 299, 289, 291, 292, 290, 289, 287, 283, 286, 282, 280, 279, 287, 281, 281, 281, 283, 279, 276, 276, 275, 269, 270, 267, 266, 268, 268, 263, 270, 266, 262, 261, 266, 260, 262, 259, 262, 262, 259, 260, 252, 255, 255, 250, 247, 250, 250, 246, 248, 242, 247, 245, 239, 238, 236, 236, 240, 242, 233, 237, 237, 234, 229, 232, 235, 231, 227, 224, 229, 225, 227, 221, 227, 224, 225, 216, 219, 220, 218, 218, 214, 210, 216, 210, 214, 208, 204, 206, 206, 204, 209, 203, 201, 206, 200, 201, 201, 201, 192, 193, 197, 197, 194, 193, 190, 192, 190, 192, 184, 186, 180, 180, 180, 185, 180, 178, 174, 173, 179, 172, 172, 173, 172, 167, 172, 174, 173, 170, 170, 167
              ]
          }]
      });
});
    </script>

</head>
<body>
    <div id="container" style="height:410px; margin: 0 2em; min-width: 600px">
</body>
</html>
